<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>报警列表</title>

    <link href="../../resource/css/bootstrap.min.css?v=3.3.5" rel="stylesheet"
          th:href="@{/resource/css/bootstrap.min.css(v=3.3.5)}"/>
    <link href="../../resource/css/font-awesome.min.css?v=4.4.0" rel="stylesheet"
          th:href="@{/resource/css/font-awesome.min.css(v=4.4.0)}"/>
    <!-- Morris -->
    <link href="http://cdn.viptool.cn/lib/morris.js/0.4.3/morris.css" rel="stylesheet">
    <link href="../../resource/css/animate.min.css" rel="stylesheet" th:href="@{/resource/css/animate.min.css}"/>

    <link href="../../resource/css/style.min.css?v=4.0.0" rel="stylesheet"
          th:href="@{/resource/css/style.min.css(v=4.0.0)}"/>
    <link href="../../resource/hotui/css/hotui.style.override.css"
          th:href="@{/resource/hotui/css/hotui.style.override.css}" rel="stylesheet"/>
    <link href="../../resource/hotui/js/plugins/datetimepick/css/daterangepicker.css"
          th:href="@{/resource/hotui/js/plugins/datetimepick/css/daterangepicker.css}" rel="stylesheet"/>
    <style type="text/css">
        .hr-line-dashed {
            margin: 10px 0;
            height: 1px;
            border-top: 1px dashed #e7eaec;
            background-color: #fff;
            color: #fff;
        }
    </style>
</head>

<body class="gray-bg">
<div class="wrapper wrapper-content tooltip-demo">
    <!--list-->
    <div th:if="${type==0}" class="row">
        <div class="col-lg-12">
            <div class="ibox float-e-margins m-b-none">
                <div class="tabs-container">
                    <ul class="nav nav-tabs">
                        <li class="active">
                            <a data-toggle="tab" href="#tab-0" aria-expanded="true"> 附近管家</a>
                        </li>
                        <li>
                            <a data-toggle="tab" href="#tab-1" aria-expanded="true"> 负责管家</a>
                        </li>
                    </ul>
                    <div class="tab-content">
                        <div id="tab-0" class="tab-pane active">
                            <div class="panel-body">
                                <table class="table table-bordered table-hover table-center">
                                    <thead>
                                    <tr>
                                        <th>管家名称</th>
                                        <th>工号</th>
                                        <th>部门</th>
                                        <th>手机号</th>
                                        <th>操作</th>
                                    </tr>
                                    </thead>
                                    <tbody>

                                    <tr th:each="item:${results.get(0)}">
                                        <td th:text="${item.user.name}">0</td>
                                        <td th:text="${item.workNo}"></td>
                                        <td th:text="${item.organization.name}"></td>
                                        <td th:text="${item.user.mobile}"></td>
                                        <td>
                                            <a>通知</a>
                                        </td>
                                    </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>

                        <div id="tab-1" class="tab-pane ">
                            <div class="panel-body">
                                <table class="table table-bordered table-hover table-center">
                                    <thead>
                                    <tr>
                                        <th>管家名称</th>
                                        <th>工号</th>
                                        <th>部门</th>
                                        <th>手机号</th>
                                        <th>操作</th>
                                    </tr>
                                    </thead>
                                    <tbody>

                                    <tr th:each="item:${results.get(1)}">
                                        <td th:text="${item.user.name}">0</td>
                                        <td th:text="${item.workNo}"></td>
                                        <td th:text="${item.organization.name}"></td>
                                        <td th:text="${item.user.mobile}"></td>
                                        <td>
                                            <a>通知</a>
                                        </td>
                                    </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div th:if="${type==1}" class="row">
        <div class="col-lg-12">
            <div class="ibox float-e-margins m-b-none">
                <div class="tabs-container">
                    <ul class="nav nav-tabs">
                        <li class="active">
                            <a data-toggle="tab" href="#tab-2" aria-expanded="true"> 当前区域</a>
                        </li>
                        <li>
                            <a data-toggle="tab" href="#tab-3" aria-expanded="true"> 近区域</a>
                        </li>
                        <li>
                            <a data-toggle="tab" href="#tab-4" aria-expanded="true"> 次近区域</a>
                        </li>
                        <li>
                            <a data-toggle="tab" href="#tab-5" aria-expanded="true"> 远区域</a>
                        </li>
                    </ul>
                    <div class="tab-content">
                        <div id="tab-2" class="tab-pane active">
                            <div class="panel-body">
                                <table class="table table-bordered table-hover table-center">
                                    <thead>
                                    <tr>
                                        <th>管家名称</th>
                                        <th>工号</th>
                                        <th>部门</th>
                                        <th>手机号</th>
                                        <th>操作</th>
                                    </tr>
                                    </thead>
                                    <tbody>

                                    <tr th:each="item:${results.get(2)}">
                                        <td th:text="${item.user.name}">0</td>
                                        <td th:text="${item.workNo}"></td>
                                        <td th:text="${item.organization.name}"></td>
                                        <td th:text="${item.user.mobile}"></td>
                                        <td>
                                            <a>通知</a>
                                        </td>
                                    </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>

                        <div id="tab-3" class="tab-pane ">
                            <div class="panel-body">
                                <table class="table table-bordered table-hover table-center">
                                    <thead>
                                    <tr>
                                        <th>管家名称</th>
                                        <th>工号</th>
                                        <th>部门</th>
                                        <th>手机号</th>
                                        <th>操作</th>
                                    </tr>
                                    </thead>
                                    <tbody>

                                    <tr th:each="item:${results.get(3)}">
                                        <td th:text="${item.user.name}">0</td>
                                        <td th:text="${item.workNo}"></td>
                                        <td th:text="${item.organization.name}"></td>
                                        <td th:text="${item.user.mobile}"></td>
                                        <td>
                                            <a>通知</a>
                                        </td>
                                    </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                        <div id="tab-4" class="tab-pane ">
                            <div class="panel-body">
                                <table class="table table-bordered table-hover table-center">
                                    <thead>
                                    <tr>
                                        <th>管家名称</th>
                                        <th>工号</th>
                                        <th>部门</th>
                                        <th>手机号</th>
                                        <th>操作</th>
                                    </tr>
                                    </thead>
                                    <tbody>

                                    <tr th:each="item:${results.get(4)}">
                                        <td th:text="${item.user.name}">0</td>
                                        <td th:text="${item.workNo}"></td>
                                        <td th:text="${item.organization.name}"></td>
                                        <td th:text="${item.user.mobile}"></td>
                                        <td>
                                            <a>通知</a>
                                        </td>
                                    </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>

                        <div id="tab-5" class="tab-pane ">
                            <div class="panel-body">
                                <table class="table table-bordered table-hover table-center">
                                    <thead>
                                    <tr>
                                        <th>管家名称</th>
                                        <th>工号</th>
                                        <th>部门</th>
                                        <th>手机号</th>
                                        <th>操作</th>
                                    </tr>
                                    </thead>
                                    <tbody>

                                    <tr th:each="item:${results.get(5)}">
                                        <td th:text="${item.user.name}">0</td>
                                        <td th:text="${item.workNo}"></td>
                                        <td th:text="${item.organization.name}"></td>
                                        <td th:text="${item.user.mobile}"></td>
                                        <td>
                                            <a>通知</a>
                                        </td>
                                    </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>


<!--基础框架js-->
<script src="../../resource/js/jquery.min.js?v=2.1.4" th:src="@{/resource/js/jquery.min.js(v=2.1.4)}"></script>
<script src="../../resource/js/bootstrap.min.js?v=3.3.5" th:src="@{/resource/js/bootstrap.min.js(v=3.3.5)}"></script>
<script src="../../resource/hotui/js/hot/bootstrap.hot.extra-utils.js"
        th:src="@{/resource/hotui/js/hot/bootstrap.hot.extra-utils.js(123123)}"></script>
<script src="../../resource/hotui/js/hot/bootstrap.hot.extra-init.js"></script>

<script src="../../resource/hotui/js/content.min.js" th:src="@{/resource/hotui/js/content.min.js}"></script>
<script src="../../resource/lib/moment.min.js" th:src="@{/resource/lib/moment.min.js}"></script>
<script src="../../resource/hotui/js/plugins/datetimepick/js/daterangepicker.js"
        th:src="@{/resource/hotui/js/plugins/datetimepick/js/daterangepicker.js}"></script>

<script type="text/javascript" th:inline="javascript">
</script>
<script>
    var listHandler = {};
</script>
</body>
</html>
